<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="images/blog.ico">
    <link rel="stylesheet" href="css/s-init.css">
    <link rel="stylesheet" href="css/left-com.css">
    <link rel="stylesheet" href="css/contact.css">
    <link rel="stylesheet" type="text/css" href="font/iconfont.css">
    <title>Mrs-xiao</title>
</head>
<body>
    <div id="wrap" class="width100 clearfix">
        <!-- 左边导航栏区域 -->
        <div class="left-nav fl-left">
            <!-- 左边导航栏内容区域 -->
            <div class="left-nav-content">
                <h1 class="mar-bottom55 ">
                    <a href="index1.html">MARBLE</a>
                </h1>
                <ul>
                    <li class="pad-top10">
                        <a  href="index1.html">HOME</a>
                    </li>
                    <li>
                        <a href="blog.html">BLOG</a>
                    </li>
                    <li>
                        <a href="portfolio.html">PORTFOLIO</a>
                    </li>
                    <li>
                        <a href="about.html">ABOUT</a>
                    </li>
                    <li>
                        <a href="contact.html">CONTACT</a>
                    </li>
                </ul>
            </div>
            <!-- 左边导航脚步区域 -->
            <div class="left-nav-footer ">
                <p class="ft-size12 pad-bottom8">Copyright © 2017.Company name All rights reserved.</p>
                <ul>
                    <li>
                        <a href="">
                            <i class="iconfont icon-Facebook"></i>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i class="iconfont icon-gezi"></i>
                        </a>
                    </li>
                    <li>
                        <a href="">
                             <i class=" iconfont icon-xiangji-copy"></i>    <i></i>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <i class="iconfont icon-in"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 右边主要内容区 -->
        <div class="main-content fl-right">
               
             <!-- 服务部分 -->
            <div class="search ">
                <div class="search-content">
                    <ul  class="ft-size0">
                        <li class="ft-size0 mar-bottom55">
                            <i class="iconfont icon-shezhiiconfontfangwen01 ver-middle"></i>
                            <a class="ft-size14 mar-left15" href="">info@domain.com</a>
                        </li>
                        <li class="ft-size0 mar-bottom55">
                            <i class="iconfont icon-sousuo ver-middle "></i>
                            <span class="ft-size14 mar-left15">198 West 21th Street, Suite 721 New York NY 10016</span>
                        </li>
                        <li class="ft-size0 ">
                            <i class="iconfont icon-paper-airplane ver-middle"></i>
                            <a class="ft-size14 mar-left15" href="">+123 456 7890</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- touch部分 -->
            <div class="touch clearfix">
                <h3 class="mar-bottom35">Get in touch</h3>
                <div class="left fl-left">
                    <input class="name text ft-size18 mar-bottom20" type="text"  placeholder="Name">
                    <input class="email text ft-size18 mar-bottom20" type="text" placeholder="Email">
                    <input class="phone text ft-size18" type="text" placeholder="Phone">
               </div>
               <div class="right fl-right">
                    <textarea class="message  cols="30" rows="7" "  placeholder="Message"></textarea>
                    <a class="ft-size18 " href="">SEND MESSAGE</a>
                </div>
            </div>
        </div>
    </div>
   
</body>
</html>